<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="./css/index.css" />
		<script src="js/jquery-1.12.4.js"></script>
		<script src="js/index.js"></script>

	</head>
	<body>
		<!-- 容器的意思。。。 -->
		<div class="container">
			<!-- 分数 -->
			<h1 class="score">0</h1>
			<!-- 上边栏 -->
			<div class="progress"></div>
			<!-- 开始游戏按钮 -->
			<button class="start">开始游戏</button>
			<!-- 游戏规则栏 -->
			<div class="rules">游戏规则</div>
			<div class="rule">
				<p>游戏规则:</p>
				<p>1.游戏时间:60s</p>
				<p>2.拼手速,殴打灰太狼+10分</p>
				<p>3.殴打小灰灰-10分</p>
				<a href="javascript:;" class="close">关闭</a>
			</div>
			<!-- 游戏结束，重新开始页面 -->
			<div class="mask">
				<h1>GAME OVER</h1>
				<button class="reStart">重新开始</button>

			</div>
		</div>
	</body>



</html>
